<template>
	<div class="discountPage">
		<div class="discountAllPage">
			<div class="top_fixed">
				<p>优惠券列表</p>
				<van-icon name="arrow-left"  @click="backToOrder"/>
			</div>
			
			<div class="middle">
				<input type="text" placeholder="请输入兑换码" />
				<p>兑换</p>
				
			</div>
			<div class="tips">
				<p>您暂时没有优惠券，快去领取哦</p>
			</div>
			
			<div class="bottom_fixed">
				<p >历史优惠券</p>
				<p class="p1">|</p>
				<p >赠送记录</p>
				
			</div>
		</div>
	
	
	</div>
</template>

<script>
export default{
	name:'discountPage',
	data(){
		return{
			
		}
	},
	methods:{
		backToOrder(){
			this.$router.go(-1)
		}
	}
}
</script>

<style scoped>
	.discountAllPage{
		width: 375px;
		height: 667px;
		background-color: #f7f7f7;
		position: relative;
	}
	.top_fixed{
		position: fixed;
		top: 0;
		z-index: 10;
		width: 375px;
		height: 50px;
		background-color: #e91f3c;
		color: white;
	}
	.top_fixed p{
		font-size: 16px;
		font-weight: 600;
	}
	.top_fixed .van-icon{
		
		display: block;
		width: 25px;
		height: 25px;
		margin-top: -35px;
	}
	.bottom_fixed{
		position: fixed;
		bottom: 0;
		width: 375px;
		height: 50px;
		background-color: #fff;
		display: flex;
		justify-content: space-evenly;
	}
	.bottom_fixed .p1{
		color: #c8c8c8;
	}
	.middle{
		position: absolute;
		top: 60px;
		display: flex;
		margin-left: 20px;
	}
	.middle input{
		width: 250px;
		height: 30px;
		border-radius: 25px 0 0 25px;
		font-size: 16px;
		border: 0;
		padding: 5px;
	}
	.middle p{
		color: white;
		background-color: #e91f3c;
		width: 80px;
		margin-top: 0px;
		height: 30px;
		padding: 5px;
		line-height: 36px;
		font-size: 16px;
		border-radius: 0 25px 25px 0;
	}
	.tips{
		position: absolute;
		top: 180px;
		margin-left: 50px;
	}
</style>
